<template>
  <div id="app">
    <!-- 给导航做一个坑位 -->
    <router-view name="tabbar"></router-view>
    <!-- 内容坑位 -->
    <keep-alive include="Home">
      <!--
        只想让首页进行缓存？
        include

        缓存多个组件。
        :include="['Home', 'Question']"
       -->
      <router-view></router-view>
    </keep-alive>
  </div>
</template>

<script>
export default {
  data () {
    return {

    }
  }
}
</script>
<style lang="less">
#app {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  .body {
    flex: 1;
    overflow: hidden;
  }
  .footer {
    height: 50px;
  }
}
</style>
